<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>账号管理</title>
    <link rel="stylesheet" href="../../fonts/iconfont.css">
    <link rel="stylesheet" href="../../css/center/center.css">
</head>

<body>
    <div class="content">
        <div class="header-top">
            <a href="" class="logo">
                <span></span>
            </a>

            <ul class="head-left">
                <li class="head-store">
                    <a href="">
                        <span></span>
                    </a>
                </li>

                <li class="head-products">
                    <a href="">
                        <span></span>
                    </a>
                </li>

                <li class="head-retail">
                    <a href="">
                        <span></span>
                    </a>
                </li>

                <li class="head-flyme">
                    <a href="">
                        <span></span>
                    </a>
                </li>

                <li class="head-services">
                    <a href="">
                        <span></span>
                    </a>
                </li>

                <li class="head-bbs">
                    <a href="">
                        <span></span>
                    </a>
                </li>
            </ul>

            <div class="head-right">
                <div class="login-wrap">
                    <a href="" title="MEIZU">MEIZU</a>
                    <span>|</span>
                    <a href="">退出</a>
                </div>
            </div>
        </div>

        <div class="flyme-content">
            <div class="nav-wrap">
                <ul>
                    <li>
                        <a href="" class="account">账号管理</a>
                    </li>

                    <li>
                        <a href="" class="contact">魅币</a>
                    </li>
                </ul>
            </div>

            <div class="top-wrap clear">
                <div class="left-wrap">
                    <img src="../../images/public/face.png" alt="头像无法显示">
                </div>

                <div class="right-wrap">
                    <div class="nickname">
                        <p>MEIZU</p>
                        <a href="">
                            <span></span>
                        </a>
                    </div>

                    <div class="setting">
                        <a href="">设置 Flyme 账号</a>
                    </div>
                </div>
            </div>

            <div class="main-wrap">
                <div class="title-wrap clear">
                    <div class="title-left">
                        <span>账号安全</span>
                    </div>

                    <div class="title-right">
                        <span>安全等级：</span>
                        <span>50</span>
                        <a href=""></a>
                    </div>
                </div>

                <div class="body-wrap">
                    <div class="pwd-wrap clear">
                        <div class="item-right">
                            <a href="">修改</a>
                        </div>

                        <div class="item-left">密码</div>
                    </div>

                    <div class="email-wrap clear">
                        <div class="item-right">
                            <a href="">绑定</a>
                        </div>

                        <div class="item-left">邮箱</div>

                        <div class="item-middle">
                            <span>未绑定</span>
                            <br>
                            <span class="gray-tip">绑定后可通过邮箱找回密码</span>
                        </div>
                    </div>

                    <div class="tel-wrap clear">
                        <div class="item-right">
                            <a href="">修改</a>
                        </div>

                        <div class="item-left">手机号码</div>

                        <div class="item-middle">
                            <span>173****4258</span>
                            <br>
                            <span class="gray-tip">已验证，可通过手机找回密码</span>
                        </div>
                    </div>

                    <div class="question-wrap clear">
                        <div class="item-right">
                            <a href="">设置</a>
                        </div>

                        <div class="item-left">密保问题</div>

                        <div class="item-middle">
                            <span>未设置</span>
                            <br>
                            <span class="gray-tip">设置密保可大幅提升账号安全</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="flyme-footer">
        <div class="footer-inner">
            <div class="footer-layer">
                <div class="inner-link">
                    <a href="" title="关于魅族">关于魅族</a>
                    <img src="../../images/public/space.gif" alt="图片无法显示">
                    <a href="" title="工作机会">工作机会</a>
                    <img src="../../images/public/space.gif" alt="图片无法显示">
                    <a href="" title="联系我们">联系我们</a>
                    <img src="../../images/public/space.gif" alt="图片无法显示">
                    <a href="" title="法律声明">法律声明</a>
                    <img src="../../images/public/space.gif" alt="图片无法显示">
                    <a href="" title="常见问题">常见问题</a>
                    <img src="../../images/public/space.gif" alt="图片无法显示">
                    <a href="" title="简体中文">简体中文</a>
                </div>

                <div class="service">
                    <span>客服热线</span>
                    <span>400-788-3333</span>
                    <a href="" title="在线客服">在线客服</a>
                </div>

                <div class="outer-link">
                    <a class="sina" href="">
                        <span></span>
                    </a>
                    <a class="wechat" href="">
                        <span></span>
                    </a>
                    <a class="qzone" href="">
                        <span></span>
                    </a>
                </div>
            </div>

            <div class="copyright">
                <div class="copyright-inner">
                    <span>&copy; 2020 Meizu Telecom Equipment Co., Ltd. All rights reserved.</span>
                    <a href="">备案号: 粤ICP备13003602号-4</a>
                    <a href="">经营许可证编号: 粤B2-20130198</a>
                    <a href="">营业执照</a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>